<template>
    <div class="account-us">
      <div class="account-body">
          <div class="account-title">账户信息</div>
          <div class="account-content">
            <div class="account-header">
                <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" :size="100"></el-avatar>
                <div>上传修改头像</div>
            </div>
            <div class="account-item">
                <div>ID</div>
                <div>12345</div>
            </div>
            <div class="account-item">
                <div>账户身份</div>
                <div>过客</div>
            </div>
            <div class="account-item">
                <div>手机号码</div>
                <div>13314411111</div>
            </div>
          </div>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    name: "AccountInfo",
  };
  </script>
  
  <style lang="scss">
  .account-body {
    margin: 1.5% 12.5%;
    padding: 1.5%;
    height: 76vh;
    background-color: #fff;
  
    .account-title{
      font-size: .9vw;
      margin-bottom: 2vh;
    }

    .account-content{
        .account-header{
            display: flex;
            align-items: center;
            color: #2AC092;
            margin-bottom: 2vh;
            cursor: pointer;
            div{
                margin-left: 1vw;
            }
        }
        
        .account-item{
            line-height: 2;

            >div:nth-child(2){
                color: #999999;
            }
        }
    }
  }
  </style>